<template>
  <div id="historyPage">
    <div class="header">历史记录</div>
    <div class="list">
      <div v-for="(e, i) in historyList.getHistoryList()" :key="i">
        {{ e.getLastEditAuthor() }}
        {{ e.getLastEditDate() }}
      </div>
    </div>
  </div>
</template>
<script lang="ts">
  import { Vue, Component, Prop, Watch } from 'vue-property-decorator';
  import history from '../../../../script/file/history';
  @Component({
    name: 'historyPage'
  })
  export default class historyPage extends Vue {
    @Prop()
    historyList!: history;

    mounted() {
      console.log(this.historyList);
    }
  }
</script>

<style scoped>
  #historyPage .list {
    display: flex;
  }
  .header {
    background-color: #294080;
    text-align: center;
    font-size: 1.3em;
    color: aliceblue;
  }
</style>
